
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/pagination.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/member.css">
    <link rel="stylesheet" href="../css/userInfo.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/common.js"></script>
</head>
<body>
    <div class="tops">
        <div class="info">
            <div class="divs">欢迎来到歌必网-咖啡综合专属服务平台~</div>
            <div class="divs">客服热线 17521209352</div>
        </div>
    </div>
    <div class="navigation">
        <div class="infos">
            <div class="lefts">
                <h1 class="logo">
                    <a href="../index.html">
                        <img src="../img/member/page-logo.png" alt="">
                        <span>歌必网</span>
                    </a>
                </h1>
                <nav class="nav_list">
                    <div class="none">
                        <a href="../index.html">首页</a>
                    </div>
                    <div class="none">
                        <a href="../news.html">咨讯</a>
                    </div>
                    <div class="none">
                        <a href="../lnsights.html">洞见</a>
                    </div>
                    <div class="none">
                        <a href="../forums.html">讲堂</a>
                    </div>
                    <div class="none">
                        <a href="../aMarket.html">市集</a>
                    </div>
                    <div class="none">
                        <a href="../seryiceList.html">服务</a>
                    </div>
                    <div class="none">
                        <a href="../community.html">社区</a>
                    </div>     
                </nav>
               
            </div>
            <div class="rihts">
                <img class="imgs" src="../img/all_sach.png" alt="" srcset="" />
                <div class="login_none">
                    <a class="btn" href="../login.html">注册/登录</a>
                </div>
                <div class="login_adready">
                    <a href="./member/uesrInfo.html">
                        <img src="../img/all_tou.png" alt="" class="login_aready">
                    </a>
                    <div class="login_info">
                        <div class="inner_info">
                            <div class="head_img_box">
                                <a href="./uesrInfo.html"><img src="../img/all_tou.png" alt="" class="head_img"></a>
                                <div class="himg_right">
                                    <p class="name_box">
                                        <span class="name">再吃亿口</span> <span class="user_tab">暂未开通</span>
                                    </p>
                                    <p class="phone">15100743385</p>
                                </div>
                            </div>
                            <ul class="menus vips">
                                <li class="items">
                                    <a href="#" class="vip_btn"><i class="iconfont icon-huiyuan"></i>vip中心</a>
                                </li>
                            </ul>
                            <ul class="menus">
                                <li class="items">
                                    <a href="./myOrder.html"><i class="iconfont icon-shangpindingdan"></i>商品订单</a>
                                </li>
                                <li class="items">
                                    <a href="./myCourse.html"><i class="iconfont icon-wodekecheng"></i>我的课程</a>
                                </li>
                                <li class="items">
                                    <a href="./taskOrder.html"><i class="iconfont icon-dingdanrenwu"></i>任务订单</a>
                                </li>
                                <li class="items">
                                    <a href="./friendVerification.html"><i class="iconfont icon-tianjiahaoyou"></i>好友验证</a>
                                </li>
                            </ul>
                            <ul class="menus other">
                                <li class="items">
                                    <a href="./uesrInfo.html"><i class="iconfont icon-shezhi"></i>账号设置</a>
                                </li>
                                <li class="items">
                                    <a href="#" class="login_out"><i class="iconfont icon-tuichudenglu"></i>退出登录</a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
                <i class="iconfont icon-gengduo more"></i>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="container_left">
            <div class="info">
                <img src="../img/all_tou.png" alt="" class="head_img">
                <p class="nick_name">在吃一口</p>
            </div>
            <ul class="menu accordion" id="accordion" >
                <li class="open">
                    <div class="link "><a href="./uesrInfo.html"><i class="icon iconfont icon-shezhi "></i>账号设置</a></div>
                </li>
                <li>
                    <div class="link"><i class="icon iconfont icon-shangpinguanli"></i>商品管理<i class="iconfont icon-xiajiantou down"></i></div>
                    <ul class="submenu">
                        <li id="shop"><a href="./myOrder.html">订单管理</a></li>
                        <li id="publicproducts"><a href="./shopCart.html">购物车</a></li>
                    </ul>
                </li>
                <li>
                    <div class="link"><i class="icon iconfont icon-kecheng-01"></i>课程管理<i class="iconfont icon-xiajiantou down"></i></div>
                    <ul class="submenu">
                        <li id="shop"><a href="./myCourse.html">我的课程</a></li>
                        <li id="publicproducts"><a href="./myCollect.html">我的收藏</a></li>
                    </ul>
                </li>
                <li>
                    <div class="link"><a href="./taskOrder.html"><i class="icon iconfont icon-renwu"></i>任务订单</a> </div>
                </li>
                <li>
                    <div class="link"> <a href="./friendVerification.html"><i class="icon iconfont icon-tianjiahaoyou"></i>好友验证</a></div>
                </li>
            </ul>
            <ul class="mobile_menu">
                <li class="menu_item item_active">
                    <p><a href="./uesrInfo.html">账号设置</a></p>
                </li>
                <li class="menu_item">
                    <p>商品管理</p>
                </li>
                <li class="menu_item">
                    <p>课程管理</p>
                    
                </li>
                <li class="menu_item">
                    <p><a href="./taskOrder.html">任务订单</a></p>
                </li>
                <li class="menu_item">
                    <p><a href="./friendVerification.html">好友验证</a></p>
                </li>
            </ul>
            <ul class="order_menu other_menu">
                <li> <a href="./myOrder.html">订单管理</a></li>
                <li> <a href="./shopCart.html">购物车</a></li>
            </ul>
            <ul class="course_menu other_menu">
                <li> <a href="./myCourse.html">我的课程</a></li>
                <li> <a href="./myCollect.html">我的收藏</a></li>
            </ul>
        </div>
        <div class="container_right">
            <div class="head_tabs" id="head_tabs">
                <span class="tab tab_active">个人信息</span>
                <span class="tab">账号安全</span>
            </div>
            <div class="user_img">
                <div class="img_box">
                    <img src="../img/all_tou.png" alt="" class="user_change_headimg">
                    <input type="file" accept="image/*" id="fileSelector">
                </div>
                <span class="save_btn">保存</span>
            </div>
            <div class="user_info">
                <ul class="info_box">
                    <li class="info_item">
                        <label for="">昵称</label>
                        <input type="text" value="再吃亿口">
                    </li>
                    <li class="info_item">
                        <label for="">手机号</label>
                        <input type="text" value="15100743385">
                    </li>
                    <li class="info_item">
                        <label for="">邮箱</label>
                        <input type="text" value="qp4079@126.com">
                    </li>
                    <li class="info_item">
                        <label for="">姓名</label>
                        <input type="text" value="小夏">
                    </li>
                    <li class="info_item">
                        <label for="">年龄</label>
                        <input type="text" value="24">
                    </li>
                    <li class="info_item">
                        <label for="">性别</label>
                        <input type="text" value="女">
                    </li>
                    <li class="info_item">
                        <label for="">职业</label>
                        <input type="text" value="设计师">
                    </li>
                    <li class="info_item">
                        <label for="">地址</label>
                        <input type="text" value="上海市浦东新区上海杉达学院">
                    </li>
                    <li class="textarea info_item">
                        <label for="">签名</label>
                        <div class="inner">
                            <textarea name="" id="" placeholder="请编辑您的签名"></textarea>
                            <span class="tab"><i class="main_color">0</i>/80</span>
                        </div>
                        
                    </li>
                </ul>
            </div>
            <div class="user_safe">
                <ul class="info_box">
                    <li class="info_item">
                        <label for="" >密码</label>
                        <input type="password" value="111111">
                    </li>
                </ul>
                <ul class="info_box">
                    <li class="info_item info_other">
                        <label for="">收货地址</label>
                        <ul class="address_list">
                            <li class="address_item address_add" >
                                <img src="../img/member/address_add_icon.png" alt="">
                                <p>添加收货地址</p>
                            </li>
                            <li class="address_item">
                                <p class="info">
                                    <span class="name">小夏</span>
                                    <span class="default_btn">设为默认</span>
                                </p>
                                <p class="phone">15100743385</p>
                                <p class="desc textHide">上海市浦东新区上海杉达学院 · 金海路2727号金海校区综合楼</p>
                                <div class="btns">
                                    <span class="edit">编辑</span>
                                    <span class="del">删除</span>
                                </div>
                            </li>
                            <li class="address_item">
                                <p class="info">
                                    <span class="name">小夏</span>
                                    <span class="default_btn">设为默认</span>
                                </p>
                                <p class="phone">15100743385</p>
                                <p class="desc textHide">上海市浦东新区上海杉达学院 · 金海路2727号金海校区综合楼</p>
                                <div class="btns">
                                    <span class="edit">编辑</span>
                                    <span class="del">删除</span>
                                </div>
                            </li>
                            <li class="address_item">
                                <p class="info">
                                    <span class="name">小夏</span>
                                    <span class="default_btn">设为默认</span>
                                </p>
                                <p class="phone">15100743385</p>
                                <p class="desc textHide">上海市浦东新区上海杉达学院 · 金海路2727号金海校区综合楼</p>
                                <div class="btns">
                                    <span class="edit">编辑</span>
                                    <span class="del">删除</span>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="btons">
        <div class="app">
            <div class="tiitle">平台标语</div>
            <div class="jg"></div>
            <div class="ps">
                <div class="item">
                    <img class="imgs" src="../img/all-xs.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">学习</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-j.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">交流</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-x.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">协作</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-c.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">创新</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottoms_all">
        <div class="bottoms">
            <div class="info">
                <div class="items">
                    <div class="title">
                        ABOUT
                    </div>
                    <div class="title">
                        关于我们
                    </div>
                    <div class="jsx">我们的使命是通过不断优化和提高生产流程，为客户提供最优质的服务和产品</div>
                    <div class="ewm">
                        <div class="boxs">
                            <img src="../img/member/ewm.png" alt="" srcset="" />
                        </div>
                        <div class="boxs">
                            <img src="../img/member/ewm.png" alt="" srcset="" />
                        </div>
                    </div>
                </div>
                <div class="items">
                    <div class="title">CONTACT</div>
                    <div class="title">联系我们</div>
                    <div class="jsx">地址：海南省海口市秀英区海秀街道办南海大道288号海鑫郦都7号楼海口药谷牛物医药创新综合体2层215室A00062号</div>
                    <div class="jsx1">电话:(010)12345678</div>
                    <div class="jsx1">Email: contact@example.net</div>
                    <div class="jsx1">Web:www.innocorp.cn</div>
                </div>

                <div class="items">
                    <div class="title">LINKS</div>
                    <div class="title">友情链接</div>
                    <div class="jsx">合作伙伴一</div>
                    <div class="jsx1">合作伙伴二</div>
                    <div class="jsx1">合作伙伴三</div>
                    <div class="jsx1">合作伙伴四</div>
                    <div class="jsx1">合作伙伴五</div>
                </div>
                <div class="items">
                    <div class="title">MECHANISM</div>
                    <div class="title">合作机构</div>
                    <div class="imgs">
                        <img src="../img/logo2.png" alt="" srcset="" />
                    </div>
                    <div class="imgs">
                        <img src="../img/logo1.png" alt="" srcset="" />
                    </div>
                </div>
            </div>
            <div class="bq">版权所有 ◎ 2024|海南孚润数字技术有限公司|京ICP备12345678号</div>
            <div class="bqs">数据资产管理入表</div>
        </div>
    </div>
    <div class="dialog address_dialog">
        <div class="mask"></div>
        <div class="inner">
            <h4>添加收货地址</h4>
            <ul class="input-box">
                <li>
                    <label for="">信息地址</label>
                    <!-- <input type="text" class="right" placeholder="请选择省/市/区/街道" value="北京市北京市东城区"> -->
                    <div class="select_box">
                        <p class="select_context">
                            <span>请选择</span>
                            <i class="iconfont icon-xiajiantou"></i>
                        </p>
                        <div class="select_dialog">
                            <ul class="tab_list">
                                <li class="tab_act">请选择</li>
                                <li class="other_tab">请选择</li>
                                <li class="other_tab">请选择</li>
                            </ul>
                            <ul class="select_list">
                                <li>北京市</li>
                                <li>四川省</li>
                                <li>云南省</li>
                                <li>贵州省</li>
                                <li>海南省</li>
                                <li>甘肃省</li>
                                <li>浙江省</li>
                                <li>山西省</li>
                                <li>河北省</li>
                            </ul>
                        </div>
                       
                    </div>
                </li>
                <li>
                    <label for="">详细地址</label>
                    <textarea name="" id="" placeholder="请输入详细地址信息，如街道、门牌号、小区、楼栋号、单元等信息" ></textarea>
                </li>
                <li>
                    <label for="">收货人姓名</label>
                    <input type="text" class="right" placeholder="请选择收货人姓名" value="张三">
                </li>
                <li>
                    <label for="">手机号码</label>
                    <input type="text" class="right" placeholder="请输入电话号码、手机号码" value="1333333333" maxlength="11">
                </li>
                <li>
                    <label for=""></label>
                    <div class="text address_set">
                        <i class="check-icon"></i>
                        设置为收货地址
                    </div>
                </li>
            </ul>
            <div class="btns">
                <span class="sure">提交</span>
                <span class="cancel">取消</span>
            </div>
        </div>
    </div>
</body>

<script src="../js/leftnav.js"></script>
<script src="../js/userinfo.js"></script>
</html>
